.user .bar-header{background:url(../img/header-bg.png) repeat-x #efefef ;display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
.user .bar-header .icon{width: 0.2rem;height: 0.2rem;font-size: 0.22rem;}
.user #select{width: 100%;height: 0.57rem;background: white;position: relative;top: 0rem;left: 0;
	display: flex; }
.user #select a span{color: white;font-size: 0.13rem;text-align: center;}
.user #select a {display: flex;width: 25%;height: 100%;justify-content: center;flex-direction: column;align-content: center;background: black;}
.user #select a i{display: block;width: 0.3rem;height: 0.3rem;margin: 0 auto;}
.user #select a:nth-child(1) i {background: url(../img/jd-sprites.png) no-repeat -0.3rem -0.27rem;background-size: 2rem 2rem;}
.user #select a:nth-child(2) i {background: url(../img/jd-sprites.png) no-repeat -0.6rem -0.27rem;background-size: 2rem 2rem;}
.user #select a:nth-child(3) i {background: url(../img/jd-sprites.png) no-repeat -0.9rem -0.27rem;background-size: 2rem 2rem;}
.user #select a:nth-child(4) i {background: url(../img/jd-sprites.png) no-repeat -1.2rem -0.27rem;background-size: 2rem 2rem;}

.user #select a:nth-child(1),#select a:nth-child(3),#select a:nth-child(2){opacity: 0.7;}

.user .user_interface{width: 100%;overflow: hidden;background: url(../img/userinter.png) no-repeat;background-size: cover;height: 1.4rem; }
.user .user_interface .top{width: 100%;height: 0.87rem;display:flex;}
.user .user_interface .top .left{width:0.87rem;height: 0.87rem;display:flex;justify-content: center;align-items: center;}
.user .user_interface .top .right{width:0.87rem;height: 0.87rem;text-align: center;}
.user .user_interface .top .center{width:1.46rem;height: 0.87rem;padding-top: 0.18rem;}
.user .user_interface .top .left img{width: 0.56rem;height: 0.56rem;border-radius: 50%;-webkit-border-radius:50%;}
.user .user_interface .top .right a{color: #e3e5e9;font-size: 0.12rem;line-height: 0.87rem;display: inline-block;}
.user .user_interface .top .center p{color: white;font-family: '黑体';font-size: 0.17rem;}
.user .user_interface .top .right a:after{display: inline-block;content: '';width: 0.05rem;height: 0.08rem;background: url(../img/rightjiantou.png);background-size: cover;margin-left: 0.05rem;}


.user .user_interface .bottom{width: 100%;height: 0.53rem;display:flex;justify-content: space-between;}
.user .user_interface .bottom a{width: 33%;height: 100%;display: block;text-align: center;color: #e3e5e9;background: rgba(0, 0, 0, 0.2);padding-top: 0.04rem;}
.user .user_interface .bottom a p{margin:0;}

.user .list{background: white;margin:0.1rem 0;}

.user .list .item{background: white;justify-content: space-between;border: 1px solid #f5f5f5;align-items: center;padding:0 0.1rem;display: flex;}
.user .list .item p{display: flex;align-items: center;}
.user .list .item p.order:before{content: '';width: 0.15rem;height: 0.18rem;background: url(../img/user_img/dingdan.png);display: inline-block;background-size: cover;margin-right: 0.1rem;}
.user .list .item span{font-size: 0.12rem;color: #848689;line-height: 0.22rem;display: flex;}
.user .list .item span .ion-ios-arrow-right:before {font-size: 0.22rem;margin-left: 0.1rem;}
.user .list .item a{color: black;font-size: 0.12rem;}

.user .list .order_choice img {width: 0.21rem;height: 0.18rem;margin:0 auto;}
.user .list .order_choice{padding:0;justify-content: space-around;height: 0.6rem !important;}
.user .list .order_choice a{font-family: '宋体' !important;}


.user .list .item{height: 0.44rem;}
.user .list .item p.purse:before{content: '';width: 0.18rem;height: 0.15rem;background: url(../img/user_img/purse.png);display: inline-block;background-size: cover;margin-right: 0.1rem;}
.user .list .order_purse p{margin:0;text-align: center;font-family: '黑体' !important;display: block;}
.user .list .order_purse{height: 0.6rem !important;}

.user .list .item p.baitiao:before{content: '';width: 0.18rem;height: 0.15rem;background: url(../img/user_img/baitiao.png);display: inline-block;background-size: cover;margin-right: 0.1rem;}
.user .list .item p.guanjia:before{content: '';width: 0.18rem;height: 0.15rem;background: url(../img/user_img/guanjia.png);display: inline-block;background-size: cover;margin-right: 0.1rem;}
.user .list .item p.vip:before{content: '';width: 0.18rem;height: 0.15rem;background: url(../img/user_img/vip.png);display: inline-block;background-size: cover;margin-right: 0.1rem;}


.user .list .item p.huochepiao:before{content: '';width: 0.18rem;height: 0.15rem;background: url(../img/user_img/houchepiao.png);display: inline-block;background-size: cover;margin-right: 0.1rem;}
.user .list .item p.qiangbao:before{content: '';width: 0.18rem;height: 0.15rem;background: url(../img/user_img/qiangbao.png);display: inline-block;background-size: cover;margin-right: 0.1rem;}
.user .list .item p.fuka:before{content: '';width: 0.18rem;height: 0.15rem;background: url(../img/user_img/fuka.png);display: inline-block;background-size: cover;margin-right: 0.1rem;}
.user .list .item p.yuyue:before{content: '';width: 0.18rem;height: 0.15rem;background: url(../img/user_img/yuyue.png);display: inline-block;background-size: cover;margin-right: 0.1rem;}
.user .list .item p.bigouma:before{content: '';width: 0.18rem;height: 0.15rem;background: url(../img/user_img/bigouma.png);display: inline-block;background-size: cover;margin-right: 0.1rem;}
.user .list .item p.tuijian:before{content: '';width: 0.18rem;height: 0.15rem;background: url(../img/user_img/tuijian.jpg);display: inline-block;background-size: cover;margin-right: 0.1rem;}
.showimg{position:relative;top: 0;left: 0;width: 100%;height: 100%;background: black;z-index: 100;}
.btn-bar{position: absolute;bottom:0;left: 0;width: 100%;height: 0.4rem;background:rgba(247, 243, 255, 1);display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.btn-bar button.back{width: 0.55rem;height: 0.28rem;color: white;background:#f23030;border:0;font-size: 0.12rem;margin-left: 0.1rem;box-shadow: 0 0 15px #ccc;}
.btn-bar button.ok{width: 0.55rem;height: 0.28rem;color: white;background:#3e9ff3;border:0;font-size: 0.12rem;margin-right: 0.1rem;}

.tolowfloor{z-index: -100;}
img {
  max-width: 100%; /* This rule is very important, please do not ignore this! */
}
.cropper-point.point-se{opacity: 0 !important;}
.cropper-view-box{border-radius: 50%;border: 0.01rem solid white;}
.cropper-center{opacity: 0;}
.cropper-face{background:none;}
.cropper-line{background:none;opacity: 0;}
.cropper-point{background: none;}
.cropper-view-box{outline: none;}
.cropper-container{
	transition: all 1s;
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}